<%@ page import="icontrolv2.*" %>
<!doctype html>
<html>
  <head>
    <meta name="layout" content="main">
    <title>Home</title>
  </head>
  <body>
    <script type="text/javascript">
      $(document).ready(function(){  
          /*$(".ver_tarea").fancybox({  
              'autoScale'     : true,
              'modal'         : false,
          });*/
      }); 
    </script>
    <div class="nav" role="navigation">
      <ul>
        <li><a class="home" href="${createLink(uri: '/')}"><g:message code="default.home.label"/></a></li>
      </ul>
    </div>
    
    <h1>Mis Tareas En Cola</h1>
    <table>
      <tr>
        <th>ID</th>
        <th>Nombre</th>
        <th>Descripción</th>
        <th>Fecha Inicio</th>
        <th>Fecha Termino</th>
        <th>Estado</th>
      </tr>
      <g:each in="${tareasPendientes}" status="i" var="tarea">
        <tr>
            <td>${tarea.getId()}</td>
            <td>${tarea.getNombre()}</td>
            <td>${tarea.getDescripcion()}</td>
            <td><g:formatDate format="dd/MM/yyyyy" date="${tarea.getFechaInicio()}" /></td>
            <td><g:formatDate format="dd/MM/yyyyy" date="${tarea.getFechaTermino()}" /></td>
            <td><g:link class="ver_tarea" controller="tarea" action="edit" id="${tarea.getId()}" params="[proyectoId:tarea.proyecto.id]">Tomar Tarea</g:link></td>
          </tr>
      </g:each>
    </table>
    
     <h1>Mis Tareas En Desarrollo</h1>
     <table>
      <tr>
        <th>ID</th>
        <th>Nombre</th>
        <th>Descripción</th>
        <th>Fecha Inicio</th>
        <th>Fecha Termino</th>
        <th>Estado</th>
      </tr>
      <g:each in="${tareasEnProceso}" status="i" var="tarea">
        <tr>
            <td>${tarea.getId()}</td>
            <td>${tarea.getNombre()}</td>
            <td>${tarea.getDescripcion()}</td>
            <td><g:formatDate format="dd/MM/yyyyy" date="${tarea.getFechaInicio()}" /></td>
            <td><g:formatDate format="dd/MM/yyyyy" date="${tarea.getFechaTermino()}" /></td>
            <td><g:link class="ver_tarea" controller="tarea" action="edit" id="${tarea.getId()}" params="[proyectoId:tarea.proyecto.id]">Informar Avance</g:link></td>
           </tr>
      </g:each>
    </table>
  <h1>Mis Tareas En Desarrollo</h1>
  <table>
      <tr>
          <th>ID</th>
          <th>Nombre</th>
          <th>Descripción</th>
          <th>Fecha Inicio</th>
          <th>Fecha Termino</th>
      </tr>
      <g:each in="${tareasTerminadas}" status="i" var="tarea">
          <tr>
              <td>${tarea.getId()}</td>
              <td>${tarea.getNombre()}</td>
              <td>${tarea.getDescripcion()}</td>
              <td><g:formatDate format="dd/MM/yyyyy" date="${tarea.getFechaInicio()}" /></td>
              <td><g:formatDate format="dd/MM/yyyyy" date="${tarea.getFechaTermino()}" /></td>
          </tr>
      </g:each>
  </table>




     </body>
</html>